<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>${SYSTEM_TITLE}-用户管理</title>
<%@include file="/WEB-INF/pages/common/taglibs.jsp" %>
	<link rel="stylesheet" type="text/css" href="${ctx}resources/css/system.css"/>
	<link rel="stylesheet" type="text/css" href="${ctx}resources/css/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="${ctx}resources/css/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="${ctx}resources/css/tree.css">
</head>
<body>
<script type="text/javascript">
$(function(){
	$('#department').tree({
		url: '${ctx}department/getDepartmentByPid.htm?pid=',
		contentType:"application/json;charset=utf-8",
		onBeforeExpand:function(node,param){
			  $('#department').tree('options').url = "${ctx}department/getdepartmentByPid?pid=" + node.id;// change the url  
			  //param.myattr = 'test'; // or change request parameter
			  },  
			  onClick:function(node){  
			  	alert(node.id);
			  }   
	});
	
	//显示用户列表
	var grid= $('#users').datagrid({  
		showHeaders:false,  
	    url:'${ctx}user/getUserByDid.htm?pid=',  
	    toolbar:[{ 
	    	align:'right',
            text: '<input type="text" id="keyword" style="width:220"/>'
        },{
	    	id:'search', 
	    	text:'查询',
	        iconCls:'icon-search',
	        handler:function(){
	 		alert($("#username").val());
	 } 
	    }],
	    columns:[[  
	        {field:'id',title:'ID',width:10,hidden:true},  
	        {field:'realName',title:'用户名',width:300,align:'center'} 
	    ]]  
	});
});

</script>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="24" bgcolor="#353c44"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="6%" height="19" valign="bottom"><div align="center"><img src="${ctx}resources/images/tb.gif" width="14" height="14" /></div></td>
                <td width="94%" valign="bottom"><span class="STYLE1"> 用户管理</span></td>
              </tr>
            </table></td>
            <td><div align="right"><span class="STYLE1">
              <input type="checkbox" name="checkbox11" id="checkbox11" />  全选      &nbsp;&nbsp;<img src="${ctx}resources/images/add.gif" width="10" height="10" /> 添加   &nbsp; <img src="${ctx}resources/images/del.gif" width="10" height="10" /> 删除    &nbsp;&nbsp;<img src="${ctx}resources/images/edit.gif" width="10" height="10" /> 编辑   &nbsp;</span><span class="STYLE1"> &nbsp;</span></div></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#a8c7ce">
      <tr>
        <td width="29%" height="20" bgcolor="d3eaef" class="STYLE10"><div align="center">组织架构</div></td>
        <td width="2%" height="20" bgcolor="d3eaef" class="STYLE6"></td>
        <td width="28%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center">用户列表</div></td>
        <td width="2%" height="20" bgcolor="d3eaef" class="STYLE6"></td>
        <td width="29%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center">操作</div></td>
      </tr>
      <tr>
        <td height="29%" bgcolor="#FFFFFF" class="STYLE19">
	        <div align="center">
				<ul id="department"></ul>
	        </div>
        </td>
        <td height="2%" bgcolor="#FFFFFF" class="STYLE19"><div align="center"></div></td>
        <td height="28%" bgcolor="#FFFFFF" class="STYLE19">
	        <div align="center">
	        	<table id="users"></table> 
	        </div>
        </td>
        <td height="2%" bgcolor="#FFFFFF" class="STYLE19"><div align="center"></div></td>
        <td height="29%" bgcolor="#FFFFFF" class="STYLE19"><div align="center">用户可以对系统的所有操作进行管理...</div></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="33%"><div align="left"><span class="STYLE22">&nbsp;&nbsp;&nbsp;&nbsp;共有<strong> 243</strong> 条记录，当前第<strong> 1</strong> 页，共 <strong>10</strong> 页</span></div></td>
        <td width="67%"><table width="312" border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
            <td width="49"><div align="center"><img src="${ctx}resources/images/main_54.gif" width="40" height="15" /></div></td>
            <td width="49"><div align="center"><img src="${ctx}resources/images/main_56.gif" width="45" height="15" /></div></td>
            <td width="49"><div align="center"><img src="${ctx}resources/images/main_58.gif" width="45" height="15" /></div></td>
            <td width="49"><div align="center"><img src="${ctx}resources/images/main_60.gif" width="40" height="15" /></div></td>
            <td width="37" class="STYLE22"><div align="center">转到</div></td>
            <td width="22"><div align="center">
              <input type="text" name="textfield" id="textfield"  style="width:20px; height:12px; font-size:12px; border:solid 1px #7aaebd;"/>
            </div></td>
            <td width="22" class="STYLE22"><div align="center">页</div></td>
            <td width="35"><img src="${ctx}resources/images/main_62.gif" width="26" height="15" /></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>
